<template>
  <!--弹出框遮罩层-->
  <div>
    <el-dialog title="复制计划" :visible.sync="plans" @click="closeFn">
      <el-row> 
        <div class="dialog_text">
          <div class="dialog_info">
            <span>【重庆时时彩】</span>
            <span>【万位定码】</span>
            <span>定3码</span>
            <span>30期计划</span>
            <span>第1期 </span>
            <span>大</span>
          </div>
          <div class="dialog_info">
            <span>【重庆时时彩】</span>
            <span>【万位定码】</span>
            <span>定3码</span>
            <span>30期计划</span>
            <span>第1期 </span>
            <span>大</span>
          </div>
        </div>
      </el-row>
      <el-row class="t_right line_height37 font_12">一共{{tableinfos.playlist.length}}条数据</el-row>
      <el-row class="t_right font_12">
        <span class="copybtn">复制</span>
        <span class="copybtn">取消</span>
        
      </el-row>
    </el-dialog>
  </div>

</template>

<script>
    import CopyPlan from "./CopyPlan";
    import ShowallPlan from "./ShowallPlan";
    export default {
      data () {
        return {
          msg:'',
          plans: this.planstatus,
          title: '',
        }
      },
      components: {
        CopyPlan,
        ShowallPlan
      },
      props:{
        tableinfos:{
            type:Object
        },
        planstatus:{
            type: Boolean
        }
    },
    created () {
        console.log(this.tableinfos)        
    },
      methods: {
        handleClick(tab, event) {
          console.log(tab, event);
        },
        closeFn () {
          this.$emit(this.planstatus, false)
        }
       
      },
    watch:{
        planstatus(){
            this.plans = this.planstatus;
        },
        tableinfos() {
          if(this.tableinfos.plantype == 1){
            this.titile = '复制计划'
          } else {
            this.titile = '所有计划预测数据'
          }
        }
    }
    }
</script>

<style>
  .index-tab .el-tabs__item.is-active{
    font-size: 0.14rem;
    color: #E52A20;
  }
  .index-tab .el-tabs__active-bar{
    width: 0.21rem !important;  
    background-color: #E52A20;
  }
  .index-tab .el-tabs__item:hover{
    color: #E52A20;
  }
  .index-tab .el-dialog{
    width: 6.4rem;
    height: 3.5rem;
  }
  .index-tab .el-dialog__header{
    background-color: #F5F5F5;
  }
  .index-tab .el-dialog__body{
    padding: 10px 20px;
  }
</style>
<style lang="less" scoped>
  @import url(../../assets/css/public.less);
  @import url(../../assets/css/plan/planlayer.less);
</style>
